<script setup lang="ts" name="Home">
import axios from 'axios'
import { ref } from 'vue'
import { IResponse } from '@/types'
import { getDetail } from '@/api'
import { initData } from '@/hooks'

const detail = ref('')
initData(getDetail).then((r) => (detail.value = r))
</script>

<template>
  <div class="wrap">
    <h3 class="title">{{ $route.params.id }}</h3>
    <p class="content">{{ detail }}</p>
  </div>
</template>

<style lang="less" scoped>
.wrap {
  .title {
    text-align: center;
    font-family: 'Slidefu';
    font-size: 70px;
  }
  .content {
    text-indent: 40px;
    line-height: 40px;
  }
}
</style>
